<template>
  <div>
    <a-row type="flex" align="middle">

      <a-col  :md="18" :sm="24">
        <a-col :sm="20">
          <strong style="padding-left:50px;line-height:50px">国外导师</strong>
        </a-col>
        <detail-list :col="2" style="padding-left:100px">
          <detail-list-item term="姓名">{{ xjxx.gwdsxm }}&nbsp;</detail-list-item>
          <detail-list-item term="性别">{{ xjxx.gwdsxbmc }}&nbsp;</detail-list-item>
          <detail-list-item term="研究领域">{{ xjxx.gwdsyjly }}&nbsp;</detail-list-item>
          <detail-list-item term="科研项目">{{ xjxx.gwdsyjxm }}&nbsp;</detail-list-item>
        </detail-list>
        <div v-for="(item,index) in gnds" :key="index">
          <a-col :sm="20">
            <strong style="padding-left:50px;line-height:50px">国内导师{{index+1}}</strong>
          </a-col>
          <detail-list :col="2" style="padding-left:100px">
            <detail-list-item term="姓名">{{ item.xm }}&nbsp;</detail-list-item>
            <detail-list-item term="性别">{{ item.xbmc }}&nbsp;</detail-list-item>
            <detail-list-item term="所在院系">{{ item.ssyxmc }}&nbsp;</detail-list-item>
            <detail-list-item term="项目编号">{{ item.xmList[0].xmbh }}&nbsp;</detail-list-item>
            <detail-list-item term="项目名称">{{ item.xmList[0].xmmc }}&nbsp;</detail-list-item>
            <detail-list-item term="项目类别">{{ item.xmList[0].xmlbmc }}&nbsp;</detail-list-item>
            <detail-list-item term="项目类型">{{ item.xmList[0].xmlxmc }}&nbsp;</detail-list-item>
            <detail-list-item term="项目经费">{{ item.xmList[0].xmjf }}&nbsp;万元&nbsp;</detail-list-item>
            <detail-list-item term="项目起止时间">{{ item.xmList[0].kssj }} 至 {{ item.xmList[0].jssj }}&nbsp;
            </detail-list-item>
          </detail-list>
        </div>

      </a-col>
    </a-row>
  </div>
</template>
<script>
import DetailList from '~/tool/DetailList'
const DetailListItem = DetailList.Item
export default {
  props: {
    xjxx: {
      type: Object,
      default: {}
    },
    gnds: {
      type: Object,
      default: []
    }
  },
  data () {
    return {
      selectMenu: {}
    }
  },
  components: {DetailList, DetailListItem},
  computed: {
    xh () {
      return this.$route.query.xh
    }
  },
  created () {
    // this.$api.student.stuStatusInfo(this.xh).then(res => {
    //   this.xjxx = res.data
    // })
  },
  methods: {
  }
}
</script>
